//功能
var l1 = 0,
	l2 = 0;
var cname1, cname2, cname3;
var cid1, cid2, cid3;
var canClick = !0;
var canClose = !1;
//fillData();
$('.select-span', $('.select-res')).on('click', function() {
	//$('.select-box').show();
	if (canClick) {
		$('ul', $('.select-box')).html('');
		fillData();
		canClick = !1;
	}
});
/**
$('span', $('.select-box')).on("click", function() {
	canClose ? $('.select-box').hide() : alert('请选择下级品类！');
	canClick = !0;
});
**/

$('ul.first', $('.select-box')).on('click', 'li', function() {
	$(this).addClass('selected').siblings().removeClass('selected');
	$('ul.third').html('');
	fillData($(this).index());
	l1 = $(this).index();
	cname1 = $(this).text();
	cid1 = $(this).attr('val');
	canClose = !1;
	$('input.cid', $('.select-res')).val(cid1);
	$('input.cname', $('.select-res')).val(cname1);
	//添加数据cname1
	$('.select-result .cname1').html(cname1);
	$('.select-result .cname2').html("");
});
$('ul.second', $('.select-box')).on('click', 'li', function() {
	$(this).addClass('selected').siblings().removeClass('selected');
	fillData(l1, $(this).index());
	l2 = $(this).index();
	cname2 = $(this).text();
	cid2 = $(this).attr('val');
	canClose = !1;
	$('input.cid', $('.select-res')).val(cid1 + ',' + cid2);
	$('input.cname', $('.select-res')).val(cname1 + ',' + cname2);
	//添加数据cname2
	$('.select-result .cname2').html(' > ' + cname2);
	$('.select-result .cname3').html("");

});
$('ul.third', $('.select-box')).on('click', 'li', function() {
	$(this).addClass('selected').siblings().removeClass('selected');
	cname3 = $(this).text();
	cid3 = $(this).attr('val');
	canClose = !0;
	var hasExist = !1;
	$('.select-res').find("p").each(function() {
		if ($(this).text().split(' > ')[2] == cname3) hasExist = !0;
	});
	//添加数据cname3
	$('.select-result .cname3').html(' > ' + cname3);
	//hasExist ? alert('所选品类已被添加！') : $('.select-result').append('<p>' + cname1 + ' > ' + cname2 + ' > ' + cname3 + '</p>');
});

//填充级联数据

function fillData(l1, l2) {
	var temp_html = "";
	if (typeof(dataJson.option) != 'undefined' && arguments.length == 0) {
		$.each(dataJson.option, function(i, pro) {
			temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
		});
	} else if (typeof(dataJson.option[l1].child) != 'undefined' && arguments.length == 1) {
		$.each(dataJson.option[l1].child, function(i, pro) {
			temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
		});
	} else if (typeof(dataJson.option[l1].child[l2].child) != 'undefined' && arguments.length == 2) {
		$.each(dataJson.option[l1].child[l2].child, function(i, pro) {
			temp_html += '<li val="' + pro.id + '">' + pro.name + '</li>';
		});
	}
	$('.select-box ul:eq(' + arguments.length + ')').html(temp_html);
}
